<template>
	<view>
		<cu-custom title="钱包" rightText="账单明细" @rightClick="rightClick"></cu-custom>
		<view class="form-detail" style="margin-top: 25rpx;">
			<view class="l-m-b l-m-l">
				<view class="img-s"><image src="../../../static/images/user/wallet1.png" mode="aspectFit"></image></view>
				<text>余额</text>
			</view>
			<view class="l-m-b l-m-r">
				<text class="yuenum">￥0.00</text>
			</view>
		</view>
		<view class="form-detail" >
			<view class="l-m-b l-m-l">
				<view class="img-s"></view>
				<text>充值</text>
			</view>
			<view class="l-m-b l-m-r">
				<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
			</view>
		</view>
		<view class="form-detail" >
			<view class="l-m-b l-m-l">
				<view class="img-s"></view>
				<text>提现</text>
			</view>
			<view class="l-m-b l-m-r">
				<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
			</view>
		</view>
		<view class="form-detail" style="margin-top: 25rpx;">
			<view class="l-m-b l-m-l">
				<view class="img-s"><image src="../../../static/images/user/wallet2.png" mode="aspectFit"></image></view>
				<text>微信支付已绑定</text>
			</view>
			<view class="l-m-b l-m-r">
				<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
			</view>
		</view>
		<view class="form-detail">
			<view class="l-m-b l-m-l">
				<view class="img-s"><image src="../../../static/images/user/wallet3.png" mode="aspectFit"></image></view>
				<text>支付宝已绑定</text>
			</view>
			<view class="l-m-b l-m-r">
				<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
			</view>
		</view>
		<view class="form-detail" style="margin-top: 25rpx;">
			<view class="l-m-b l-m-l">
				<view class="img-s"><image src="../../../static/images/user/wallet4.png" mode="aspectFit"></image></view>
				<text>修改支付密码</text>
			</view>
			<view class="l-m-b l-m-r">
				<u-icon name="arrow-right" size="34rpx" color='#333' @click="toSetpassword()"></u-icon>
			</view>
		</view>
		<view class="form-detail">
			<view class="l-m-b l-m-l">
				<view class="img-s"><image src="../../../static/images/user/wallet5.png" mode="aspectFit"></image></view>
				<text>忘记支付密码</text>
			</view>
			<view class="l-m-b l-m-r">
				<u-icon name="arrow-right" size="34rpx" color='#333' @click="toChangepassword()"></u-icon>
			</view>
		</view>
		<view class="form-detail" style="margin-top: 25rpx;">
			<view class="l-m-b l-m-l">
				<view class="img-s"><image src="../../../static/images/user/wallet6.png"  mode="aspectFit"></image></view>
				<text>身份信息（已认证）</text>
			</view>
			<view class="l-m-b l-m-r">
				
				
				<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgurl:'',
			}
		},
		methods: {
			// rightClick(){
			// 	uni.navigateTo({
			// 		url: 'test?id=1&name=uniapp'
			// 	});
			// },
			toSetpassword(){
				uni.navigateTo({
					url:'/pages/user/writepassword/setpassword',
				});
			},
			toChangepassword(){
				uni.navigateTo({
					url:'/pages/user/writepassword/changepassword',
				});
			}
		}
	}
</script>

<style lang="less" scoped>
.form-detail{ background: #fff; font-size: 32rpx; border-bottom: 1px solid #f8f8f8;  height: 98rpx; line-height: 98rpx;}
.l-m-b{ display: flex;
uni-image{ max-height: 35rpx;max-width: 40rpx; margin-top: 30rpx;}
}
.img-s{ height: 35px; width: 35px;}
.l-m-l{ float: left; padding-left: 35rpx;}
.l-m-r{ float: right; padding-right: 35rpx; height: 98rpx; line-height: 98rpx;  text-align: right; display: ;}
uni-image>div, uni-image>img{ height: 15rpx !important; width: 15rpx !important;}
.icon1{ color: #000;}
</style>
